<div class="main device-info">
  <div class="main-header">
    <div class="pa-icon-div pull-left fs-14">
      <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
      <span class="fs-vertical-middle">工作台>船机设备>
      <span class="fs-theme-color">维修保养</span>
      </span>
    </div>
  </div>
  <div class="main-content">
    <div class="search-info">
      <div class="container-header fs-16">
        <span>维修保养列表</span>
      </div>
      <form class="base-info" name="queryForm">
        <div class="base-info-item">
          <div class="pa-form-control">
            <label>设备名称：</label>
            <input type="text" class="pa-form-control-input"
              ng-model="vm.mapParams.deviceName">
          </div>
          <div class="pa-form-control">
            <label>设备编码：</label>
            <input type="text" class="pa-form-control-input"
              ng-model="vm.mapParams.code">
          </div>
          <div class="pa-form-control">
            <label>设备分类：</label>
            <select class="pa-form-control-select fs-14"
              ng-options="device.value as device.name for device in deviceTypeParams"
              ng-model="vm.mapParams.category">
              <option value=""></option>
            </select>
          </div>
          <div class="pa-form-control">
            <label>维保时间：</label>
            <input type="text" class="pa-form-control-input date-picker"
              name="maintainTimeMin"
              data-ng-datepicker
              ng-model="vm.mapParams.maintainTimeMin">
            <label class="pa-form-zhi">至</label>
            <input type="text" class="pa-form-control-input date-picker"
              name="maintainTimeMax"
              data-ng-datepicker
              ng-model="vm.mapParams.maintainTimeMax">
          </div>
          <div class="pa-form-control-btn">
            <button class="pa-btn pa-sw-btn" type="button"
              ng-click="vm.$query(queryForm)">搜索</button>
            <button class="pa-btn pa-sw-btn reset-btn" type="reset"
              ng-click="vm.$reset()">重置</button>
          </div>
        </div>
      </form>
    </div>
    <pa-table>
      <table class="pa-table" data-expand-detail>
        <thead>
          <tr>
            <th class="sorting table-text-left"
              ng-class="{'sorting-desc': vm.mapParams.sortType == 2, 'sorting-asc': vm.mapParams.sortType == 1}"
              ng-click="vm.$toggleOrder('maintain_time')">
              维保时间
            </th>
            <th>设备分类</th>
            <th>设备编码</th>
            <th>设备名称</th>
            <th>维保内容</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="item in vm.equipMaintainData" data-expand>
            <td class="table-text-left table-text-alignment">{{item.maintainTime | date:"yyyy-MM-dd"}}</td>
            <td>{{vm.getDeviceCategory(item.category)}}</td>
            <td>{{item.code}}</td>
            <td>{{item.deviceName}}</td>
            <td>{{item.maintainContent}}</td>
            <td data-hide="附件: ">
              <div class="file-list-folding">
                <div class="file-item" ng-repeat="file in item.files">
                  <span class="file-item-span fl">{{file.fileName}}</span>
                  <a class="pa-btn file-del-btn" target="_blank"
                    ng-href="{{vm.getDownloadSrc(file.id)}}" download="{{file.fileName}}">下载</a>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </pa-table>
  </div>
</div>